<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>HTML5新增表单标签</title>
</head>
<body>
	<section>
		<header>
			<h1>HTML5新增表单</h1>
		</header>
		<articele>
			<form action="http://ke.zsxueyuan.com" method="get">
				<!--  新增表单标签的使用 -->
				<p> 
					email:<input placeholder="请输入邮箱地址" type="email" name="" required  autofocus></p>
					<p>	网址:<input type="url" name="" required="required"></p>
					<p>	数字:<input type="number" max="11" min="3" name="" vaule = "4" ></p>
					<p>体重:<input type="range" name="" required="required"></p>
						颜色选择器:<input type="color" >
				<input type="submit" value="">
			<!-- 在手机端查看才有效果 -->
			<p>手机号:<input type="tel" name="" maxlength="11" required="required"></p>


			</form>

		</articele>

	</section>
</body>
</html>